﻿<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>

<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
    <link rel="Stylesheet" type="text/css" href="../Content/App.css" />

    <script type="text/javascript" src="../Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.js"></script>
    <script type="text/javascript" src="../Scripts/App.js"></script>
</asp:Content>

<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">
    Task Manager
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
    <div id="newTaskDiv" style="width:40%;min-width:400px">
        <fieldset>
		    <legend>
			    New Task
		    </legend>
		    <label>
			    <span>Task Title: </span>
                <br />
                <input id="newTaskTitle" name="newTaskTitle" type="text" maxlength="50" onkeyup="taskTitleKeyup();" />
		    </label>
            <br />
            <br />
		    <label>
			    <span>Description: </span>
                <br />
                <textarea id="newTaskDesc" name="newTaskDesc" cols="50" rows="3"></textarea>
		    </label>
            <br />
            <br />
            <input type="button" style="margin-left:0px !important;" id="addTaskButton" value="Add New Task" onclick="addNewTask();"/>
        </fieldset>
    </div>
    
    <br />
    <br />

    <!-- Task Content -->
    <div id="taskContent">
        <fieldset>
            <legend>My Tasks</legend>
            <!-- Not Started Tasks -->
            <div id="notStartedTasksColumn" class="taskColumn">
                <label>
                    <span><strong> Not Started</strong></span>
                </label>
                <div class="taskDiv" id="notStartedTasksDiv">
                    <ul />
                </div>
            </div>
            <!-- In Progress Tasks -->
            <div id="inProgressTasksColumn" class="taskColumn">
                <label>
                    <span><strong>In Progress</strong></span>
                </label>
                <div class="taskDiv" id="inProgressTasksDiv">
                    <ul />
                </div>
            </div>
            <!-- Completed Tasks -->
            <div id="completedTasksColumn" class="taskColumn">
                <label>
                    <span><strong>Completed</strong></span>
                </label>
                <div class="taskDiv" id="completedTasksDiv">
                    <ul />
                </div>
            </div>
        </fieldset>
    </div>

    <ul class='hiddenTemplate'>
        <li id="TemplateListItem" class="task" ondblclick="editTask(this);">
            <div class="deleteDiv">
                <span id="deleteButton" class="deleteButton delete" onclick="deleteButton(this);">x</span> 
                <span class="confirmDelete" style="display: none">Are you sure?
                    <span id="yesDeleteButton" class="yesDeleteButton delete" onclick="yesDeleteButton(this);">Yes</span>
                    <span id="noDeleteButton" class="noDeleteButton delete" onclick="noDeleteButton(this);">No</span>
                </span>
            </div>
            <div class="taskDetailDiv">
                <p class='taskTitle'>
                    Title</p>
                <p class='taskDescription'>
                    Description</p>
            </div>
            <div id="editDiv" class="editDiv" style="display: none" >
                <p>
                    <input class="editTaskTitle edit" type="text" maxlength="50" />
                </p>
                <p>
                    <textarea class="editTaskDescription edit" rows="4" cols="30"></textarea>
                </p>
                <span id="editTaskSaveButton" class="editTaskSaveButton editButton" onclick="editTaskSaveButton(this);">Save</span> 
                <span id="editTaskCancelButton" class="editTaskCancelButton editButton" onclick="editTaskCancelButton(this);">Cancel</span>
            </div>
            <div class="moveButtonsDiv">
                <img class="moveLeftButton moveButton" src="/_layouts/images/ARRLEFTA.GIF" alt="Move Left" onclick="ChangeStatus(this, direction.Left);"  />
                <img class="moveRightButton moveButton" src="/_layouts/images/ARRRIGHTA.GIF" alt="Move Right" onclick="ChangeStatus(this, direction.Right);" />
            </div>
        </li>
    </ul>
</asp:Content>
